/**@description 菜单管理页面的搜索面板字段配置 */
import { Select } from "antd";
import React from "react";

/**
 * {
 *  name:"title",
 *  label:"标题", 
 *  TYPE:"Input", //无该参数则默认是Input，表示渲染Input，可选Select  TreeSelect 等
 *  render:<Select options={[
            {
                label: "test",
                value: 1
            }
        ]} />，未填写这个参数默认渲染TYPE，使用render时需要引入react
 *  formItemProps:{},FormItem组件中的props
 *  inputProps:{},  //里面可以填写元素的相关API，例如Select 组件的options，placeholder 等
 *  dependFields:String，表示此数据依赖哪个元素，常用于从时间范围组件中读取start时间和end时间；
 *  hidden:Boolean 表示字段是否显示还是隐藏；
 * }
 */

const searchFields = [
    {
        name: "productName",
        label: "商品名称",
        // render: <Select options={[
        //     {
        //         label: "test",
        //         value: 1
        //     }
        // ]} />,
        // formItemProps: {
        //     rules: [{
        //         require: true
        //     }]
        // },
        // inputProps: {}
    },
    {
        name: "orderType",
        label: "订单类型",
        TYPE: "Select",
        inputProps: {
            options: [
                {
                    label: "订单类型一",
                    value: "1"
                }
            ]
        }
    },
    {
        name: "paymentMethod",
        label: "支付方式",
        TYPE: "Select",
    },
    {
        label: "创建时间",
        name: "crateTime",
        TYPE: "RangePicker",
        collect: true,
        parseFields: ["startDate", "endDate"]
    },
    {
        label: "搜索",
        name: "searchText"
    },
    // {
    //     label: "开始时间",
    //     name: "startDate",
    //     hidden: true,
    //     TYPE: "DatePicker",
    //     dependFields: "createDate",//依赖字段
    //     dependIndex: 0,
    // },
    // {
    //     label: "结束时间",
    //     name: "endDate",
    //     TYPE: "DatePicker",
    //     dependFields: "createDate",//依赖字段
    //     hidden: true,
    //     dependIndex: 0,
    // }
]
export default searchFields;